@import '@/styles/common.less';
.service_detail{
  .create_bread{
    box-shadow: none !important;
  }
  .service_detail_top{
    padding: 0 32px;
    background: #fff;
    .service_detail_top_title_btn{
      display: flex;
      justify-content: space-between;
      .service_detail_top_title{
        font-size: 20px;
        color: #333;
        font-weight: bold;
        max-width: 90%;
        word-break: break-word;
      }
    }
  }
  .@{container-prefix}-tabs-nav{
    background: #fff;
    padding-left: 32px;
  }
}
.detail{
  padding: 20px 30px;
  .detail_dashboard{
    width: 100%;
    height: 48px;
    color: #333;
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid rgba(119, 174, 247, 0.5);
    background: rgba(119, 174, 247, 0.1);
  }
  .detail_common_content{
    padding: 32px;
    background: #fff;
    margin-top: 20px;
    .detail_common_title{
      font-size: 16px;
      color: #333;
      font-weight: bold;
    }
    .detail_common_title2{
      font-size: 16px;
      color: #333;
      margin-bottom: 20px                         ;
    }
    .detail_common_title3{
      font-size: 16px;
      color: #666;
      margin: 20px 0 12px;
    }
    .detail_common_title4{
      font-size: 14px;
      color: #666;
    }
    .split_line{
      margin: 32px 0;
      border-bottom: 1px solid rgba(137, 147, 155, 0.2);
    }
  }
  .ray_detail_info{
    .detail_info_row{
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      .detail_info_row_single{
        display: flex;
        width: 50%;
        margin-top: 20px;
        .detail_info_row_single_label{
          min-width: 94px;
          font-size: 14px;
          color: #666;
        }
        .cluster_label{
          width: 137px;
        }
        .job_label{
          width: 151px;
        }
        .detail_info_row_single_status{
          height: 12px;
          width: 12px;
          border-radius: 50%;
          margin: 5px 6px 0 0;
        }
        .detail_info_row_single_value{
          display: flex;
          flex-direction: row;
          font-size: 14px;
          color: #333;
          word-break: break-all;
        }
      }
    }
  }
  .detail_config{
    .cm-theme-light{
      border: 1px solid rgba(206, 204, 204, 0.9);
    }
  }
  .detail_cluster{
    .detail_cluster_image{
      display: flex;
      margin: 20px 0 25px 0;
      .detail_cluster_image_single{
        width: 50%;
        display: flex;
        .detail_cluster_image_single_lable{
          color: #666;
          width: 92px;
        }
        .detail_cluster_image_single_value{
          color: #333;
        }
      }
    }
    .@{container-prefix}-checkbox-wrapper-disabled{
      margin-top: 20px;
      // .@{container-prefix}-checkbox{
      //   background: rgb(207, 231, 255); 
      // }
      .@{container-prefix}-checkbox-inner:after{
        border-color: none !important;
      }
    }
    .detail_cluster_code{
      display: flex;
      justify-content: space-between;
      .detail_config_name{
        width: 49%;
        margin: 18px 0 8px 0;
        color: #666;
      }
      .cm-theme-light{
        width: 49% !important;
        border: 1px solid rgba(206, 204, 204, 0.9);
      }
    }
  }
  .detail_work_environment{
    display: flex;
    flex-wrap: wrap;
    .detail_work_environment_single{
      display: flex;
      padding: 4px 12px;
      margin-right: 8px;
      color: #333;
      border-radius: 6px;
      background: rgb(207, 231, 255);
      .detail_work_environment_single_equal{
        margin: 0 8px;
      }
    }
  }
}